---
title: Guidelines
redirect_from:
  - /components/featureicon/
---

import ShortNonvisualSnippet from "snippets/short-nonvisual.mdx";

<ReactExample exampleId="FeatureIcon-default" />

## When to use

- To add simple visual context to a pricing table.

## When not to use

- For general visual context---use an [illustration](/components/visuals/illustration/).

## Component status

<ComponentStatus component="FeatureIcon" />

## Content structure

![Icon: shows the icon and it's best to pass through the feature name.](fileId:4QJZqvBvRrLu6t9mwObCkA;nodeId:255%3A1549)

## Content

<ShortNonvisualSnippet visual="icon" associated="feature" />
